/**
 * @author 詹伟
 */
//渲染数据变量定义
//var content = document.getElementsByName("Content")[0].value;
//var UUserName = document.getElementsByName("UUserName")[0].value;
//var time = document.getElementsByName("time")[0].value;;
//滚动条元素定义
var Chat = function() {
    return {
        init: function() {
            Chat.scrollbar();
            Chat.GetFocus();
            Chat.BulidMassage();
            Chat.WebSocketForChat();
            Chat.LoadingStart();
            Chat.LoadingEnd();
        },
        scrollbar: function ()
        {
            var chatWellDiv = document.getElementById('chatWell');
            chatWellDiv.scrollTop = chatWellDiv.scrollHeight;

        },
        GetFocus: function() {
            document.getElementById("inputMassage").focus();
        },
        BulidMassage: function() {
            
        },
        WebSocketForChat: function() {
            //=========启动一个websocket
            var Socket1 = $.websocket({
                domain: "mc.tansuyun.cn", //这是与服务器的域名或IP
                port: 26031, //这是服务器端口号
                protocol: null, //这东西可有可无,组合起来就是 ws://mc.tansuyun.cn:26031/test
                onOpen: function(event) {
                    Chat.LoadingEnd();
                    alert("┗|｀O′|┛ 嗷~~成功揭开服务器被子，你可以把触手伸进去了");
                },
                onError: function(event) {
                    Chat.LoadingEnd();
                    alert("w(ﾟДﾟ)w.oh!no!服务器AT立场全开！触手伸入失败");
                },
                onSend: function(msg) {
                    
                    alert("发送数据额外的代码,可省略不写");
                },
                //接受数据
                onMessage: function(result, nTime) {
                    alert("从服务端收到的数据:" + result);
                    alert("最近一次发送数据到现在接收一共使用时间:" + nTime);
                    //喷出用户数据
                    $('#NuwUUerName').text(UUserName);//喷出当前用户ID
                    $('#playerList').append(
                            "<tr>" + "<td>" + playlist_1 + "</td>" + "</tr>"//喷出在线玩家列表
                            );
                    //在这下面把接受到的聊天数据依次喷出来！！
                    $('#chatWell').append(
                            "<div class=\"text-left\">" +
                            "<div class=\"alert alert-info Dialogue \" >" +
                            "<span style=\"color:#4cae4c\">" +
                            UUserName +
                            "</span>" + "&nbsp;" +
                            "<span style=\"color:#428bca\">" +
                            time + "</span>" + "<br/>" +
                            "<p>" + content + "<p>" + "</div>" + "</div>"
                            );
                    //喷完~
                    Chat.scrollbar();//刷新滚动条
                    //发出消息提示
                }
            });
            //=========发送数据方式
            $("#massage_form").bind("submit", function(e) {
                e.preventDefault();
                console.log($(this).serializeJson());//JSON数据打包
                Socket1.send("要发送的数据");//向服务器发送数据
                //将发送到服务器的数据喷到聊天窗口里自己的聊天信息中
                $('#chatWell').append(
                        "<div class=\"text-right\">" +
                        "<div class=\"alert alert-success Dialogue \" >" +
                        "<span style=\"color:#4cae4c\">" +
                        "UUserName" +
                        "</span>" + "&nbsp;"+
                        "<span style=\"color:#428bca\">"+
                        "time"+"</span>"+"<br/>"+
                        "<p>"+"content"+"<p>"+"</div>"+"</div>"
                        );
                //喷完~
                Chat.scrollbar();//刷新滚动条
                //清空表单
            });
            //=========关闭连接,当退出登录时
            $('#logout').click(function() {
                Socket1.close();
            });
        },
        LoadingStart:function (){
            $('#loadingIcon').removeClass('hidden');
        },
        LoadingEnd:function (){
            $('#loadingIcon').addClass('hidden');
        }
    };
}();


